<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">

    <title>首页</title>


    <script src="js/jquery.min.js"></script>
    <script src="js/vue.min.js"></script>


    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</head>
<body>
<div id="app">


    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span2">
            </div>
            <div class="span8">
                <ul class="nav nav-tabs">
                    <li >
                        <a href="subject.html">题库</a>
                    </li>
                    <li>
                        <a href="punchCard.html">打卡</a>
                    </li>
                    <li >
                        <a v-if="username!=''" href="user.html">{{username}}</a>
                    </li>
                    <li >
                        <a v-if="username!=''" href="/login/logout">注销</a>
                        <a v-else href="login.html">登录</a>
                    </li>
                </ul>
                <div class="carousel slide" id="carousel-426380">
                    <ol class="carousel-indicators">
                        <li data-slide-to="0" data-target="#carousel-426380">
                        </li>
                        <li data-slide-to="1" data-target="#carousel-426380">
                        </li>
                        <li data-slide-to="2" data-target="#carousel-426380" class="active">
                        </li>
                    </ol>
                    <div class="carousel-inner" >
                        <div class="item">
                            <img alt="" src="/images/1.jpg" width="80%" style="align-self: center"/>
                            <div class="carousel-caption" style="color: black">
                                <h4>
                                    提示
                                </h4>
                                <p>
                                    xxx
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="/images/2.jpg" width="80%" style="align-self: center"/>
                            <div class="carousel-caption" style="color: black">
                                <h4>
                                    提示
                                </h4>
                                <p>
                                    xxx
                                </p>
                            </div>
                        </div>
                        <div class="item active">
                            <img alt="" src="/images/3.jpg" width="80%" style="align-self: center"/>
                            <div class="carousel-caption" style="color: black">
                                <h4>
                                    提示
                                </h4>
                                <p>
                                    xxx
                                </p>
                            </div>
                        </div>
                    </div> <a data-slide="prev" href="#carousel-426380" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-426380" class="right carousel-control">›</a>
                </div>
            </div>
            <div class="span2">
            </div>
        </div>
    </div>

</div>
<script type="text/javascript">
    new Vue({
        el:"#app",
        data:{
            username:""
        },
        mounted:function (e) {
            let that=this
            $.ajax({
                url:"/index/mounted",
                type:"POST",
                success:function (r) {
                    that.username=r
                }
            })
        }

    })
</script>
</body>


</html>